<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/video.css" />
	</head>
	<style>
		body{
			height: 100%;
		}
		.mui-content{
			position: relative;
			width: 100%;
			
		}
		.mui-slider{
			position: relative;
			width: 100%;
			
		}
			.mui-slider-item img{
			width: 100%!important;
			height: 150px;
		}
		*{
	font-family:PingFang-SC-Bold;
}


      .mui-bar{ box-shadow: none; background: white; height:50px;}
		.mui-bar .mui-icon{ margin-top:4px; font-size:28px; color: #999999; }
		.mui-bar-nav.mui-bar .mui-icon{padding-left:5px;}
		.mui-bar .mui-title{margin-top:6px;color: #2f2f2f; font-weight: normal;}
		.more{ margin-top: 16px; margin-right: 5px;}
		.mui-bar:after
 {
position: absolute;
right: 0;
 bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color:#dadada; 	
    		 }
body{ background: white; }
.mui-content{ padding-bottom:40px; display: inline-block; margin-top: 10px;background: white; }
.user_txt{padding-left: 1rem; height: 25px; margin: 0px; margin-bottom: 20px;}
.news_title{
	font-size: 1.4rem;
    line-height: 1.5;
    font-weight:500;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: .9rem;
    margin-bottom: .3rem;
    }
.user_img{ width: 25px; height: 25px; border-radius: 25px; margin-right: 5px;}
.user_name,.news_time{ position: relative; top: -8px; font-size: 12px;}
.news_time{  margin-left: 10px;}
.text_dome{ padding: 10px;}
.text_dome b{ color: #000000; font-size: 16px;}

#openvideo{ height: 50px; line-height: 50px; color:white; text-align: center; position: fixed; z-index:110; bottom: 0px; width: 100%; background-color:#000000;}
.mui-video-Container {
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 10px;
	padding: 0px;
}

.mui-video-Container .mui-video-full {
	position: relative;
	overflow: hidden;
}

.mui-video-Container video {
	width: 100%;
	background-color: #000000;
}

.mui-video-Container video[ishivideo="true"]::-webkit-media-controls {
	display: none !important;
}

.mui-video-Container video[ishivideo="true"]::-moz-media-controls {
	display: none !important;
}

.mui-video-Container video[ishivideo="true"]::media-controls {
	display: none !important;
}

.mui-video-Container .icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
	font-size: 20px;
	position: relative;
	top: 1px;
}

.mui-video-Container .rprogress {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	display: none;
}

.mui-video-Container .rprogress .ladtit {
	color: white;
	font-size: 14px;
}

.mui-video-Container .rschedule {
	background-color: rgba(0, 0, 0, 0);
	border: 3px solid rgba(0, 183, 229, 0.9);
	opacity: .9;
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-radius: 50px;
	box-shadow: 0 0 15px #2187e7;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*横条样式*/
.mui-video-Container input[type=range] {
	-webkit-appearance: none;
	/*清除系统默认样式*/
	width: 100%;
	background: -webkit-linear-gradient(#40CEA8, #40CEA8) no-repeat, #fff;
	/*设置左边颜色为#61bd12，右边颜色为#ddd*/
	background-size: 0% 100%;
	/*设置左右宽度比例*/
	height: 3px;
	/*横条的高度*/
}

/*拖动块的样式*/
.mui-video-Container input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	/*清除系统默认样式*/
	height: 13px;
	/*拖动块高度*/
	width: 13px;
	/*拖动块宽度*/
	background: #fff;
	/*拖动块背景*/
	border-radius: 50%;
	/*外观设置为圆形*/
	/* border: solid 1px #ddd;*/
	/*设置边框*/
}

.mui-video-Container .mui-pay_ico {
	z-index: 2;
	width: 80px;
	text-align: center;
	height: 80px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.mui-video-Container .mui-pay_ico .icon {
	font-size: 52px;
	color: white;
}

.mui-video-Container .mui-time-current {
	width: 46px;
	float: left;
	text-align: right;
	display: inline-block;
	color: white;
	font-size: 14px;
}

.mui-video-Container .mui-time-total {
	width: 78px;
	text-align: center;
	color: white;
	display: inline-block;
	font-size: 14px;
}

.mui-video-Container .mui-time-total .icon {
	font-size: 28px;
	color: white;
}

.mui-video-Container .mui-time-cout {
	float: left;
	margin-top: -5px;
}

.mui-video-Container .mui-quanping {
	margin-top: 6px;
	margin-left: 3px;
	position: absolute;
	right: 0px;
	z-index: 10;
}

.mui-video-Container .mui-videoControls {
	height: 40px;
	width: 100%;
	line-height: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 9;
	bottom: 0px;
	overflow: hidden;
}

.mui-video-Container .mui-progressWrap {
	height: 20px;
	width: 100%;
	position: absolute;
	top: 18px;
	left: 55px;
}

.mui-video-Container .mui-progressWrap .mui-wrap-right {
	position: absolute;
	width: 100%;
	padding-right: 148px;
}

.mui-video-Container .mui-full-back {
	position: absolute;
	z-index: 2;
	display: none;
}

.mui-video-Container .mui-full-back .icon {
	font-size: 26px;
	color: white;
	left: 15px;
	top: 5px;
}

.mui-video-Container .mui-full-back .vtitle {
	color: white;
	margin-left: 15px;
	position: relative;
	top: 4px;
	font-size: 15px;
}

.mui-video-Container .v_left,
.mui-video-Container .b_right {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 1;
}

.mui-video-Container .b_right {
	right: 0px;
}

.mui-video-Container .ptime {
	position: absolute;
	z-index: 2;
	left: 0px;
	text-align: center;
	display: none;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.6);
	height: 40px;
	width: 120px;
	line-height: 40px;
	color: white;
}
.text_dome{
	text-indent: 2em;
}

.dianzan{
	position: relative;
	float: left;
	width: 100%;
	height: 60px;
	padding: 8px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(235,235,235,1);
}

.dianzan>div{
	position: relative;
    width: 70px;
	height: 44px;
	float: left;

}
.dianzan>div>img{
	width: 22px;
	height: 22px;
	position: relative;
	float: left;
	margin-top: 11px;
}

.dianzan>div>span{
	padding: 0 5px;
	box-sizing: border-box;
	font-size:13px;
    font-weight:500;
    color:rgba(254,97,94,1);
    line-height:44px;
}

.pinglun{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 10px;
	box-sizing: border-box;
	padding-bottom: 40px;
}
.pinglun>div:nth-child(1){
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(235,235,235,1)
} 

.pinglun>div:nth-child(1)>span:nth-child(1){
  position: relative;
  float:left;
  width: 40px;
  line-height: 36px;  
 font-size:13px;
font-weight:500;
color:rgba(102,102,102,1);
}


.pinglun>div:nth-child(1)>span:nth-child(2){
	  position: relative;
	  float:left;
	  width: calc(100% - 40px);
	  text-align: left;
	  line-height: 36px;  
	 font-size:13px;
	font-weight:500;
	color:rgba(102,102,102,1);
}
	
.danping{
	position: relative;
	float: left;
	width: 100%;
	pad
}
.danping>.danshi{
	position: relative;
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 15px  0;
	border-bottom: 1px solid  rgba(235,235,235,1);
}
.danshi>div:nth-child(1){
	position: relative;
	float: left;
	width: 100%;
    height: 40px;
}
.danshi>div:nth-child(2){
	position: relative;
	float: left;
	margin-top: 15px;
	width: 100%;
	font-size:14px;
font-weight:500;
color:rgba(102,102,102,1);
line-height:22px;
text-indent: 2em;
}

.danshi>div:nth-child(1)>div:nth-child(1){
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}
.danshi>div:nth-child(1)>div:nth-child(1)>img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.danshi>div:nth-child(1)>div:nth-child(2){
	position: relative;
	float: left;
	width: calc(100% - 40px);
	height: 40px;
	padding-left: 15px;
	box-sizing: border-box;
}
.danshi>div:nth-child(1)>div:nth-child(2)>div{
position: relative;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size:11px;
font-weight:500;
color:rgba(102,102,102,1);
}


.money{
	position: relative;
	float: left;
	width: 80%;
	font-size:16px;
    font-weight:bold;
    color:rgba(254,31,31,1);
    line-height:24px;
	text-align: left;
	padding: 8px  15px;
	box-sizing: border-box;
}
.jieshao{
	position: relative;
	float: left;
	width: 100%;
	font-size:14px;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(51,51,51,1);
line-height:21px;
padding: 8px 15px;
}
.hang{
	position: relative;
	float: left;
	height:10px;
	width: 100%;
    background:rgba(248,248,248,1);
}

.hufoot{
	position: fixed;
	width: 100%;
	height: 60px;
	padding: 10px  15px;
	background:#FFFFFF;
    border-top:1px solid  rgba(233,233,233,1);
	bottom: 0px;
    box-sizing: border-box;
	z-index: 10;
}

.huleft{
	position: relative;
	float: left;
	width: 100px;
	height: 100%;
}

.kefu{
	position: relative;
	float: left;
	width: 25px;
	height: 100%;
	
}

.kefu>img{
	position: relative;
    width: 100%;
    height: 22px;
}

.kefu>div{
	position: relative;
	float: left;
	width: 100%;
	line-height: 18px;
	height: 18px;
	font-size:12px;
    font-weight:500;
    color:rgba(102,102,102,1);
}

.shoucang{
	position: relative;
	float: right;
	width: 38px;
	height: 100%;
	text-align: center;
}

.shoucang>img{
	position: relative;
    width: 22px;
    height: 22px;
}

.shoucang>.buyname{
	position: relative;
	float: left;
	width: 100%;
	line-height: 18px;
	height: 18px;
	font-size:12px;
    font-weight:500;
    color:rgba(102,102,102,1);
}

.huright{
	position: relative;
	float: right;
	width:  calc(100% - 130px);
	height: 100%;
	border-radius:21px;
}

.huright>div{
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
    text-align: center;
    line-height: 40px;
	box-sizing: border-box;
	font-size: 16px;
font-weight:bold;
color:rgba(255,255,255,1);
}

.huright>div:nth-child(1){
	background: #FE925D;
	border-radius:20px 0px 0px 20px;
}
.huright>div:nth-child(2){
	background: #FE605D;
	border-radius:0px 20px 20px 0px;
}
.lei{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
.lei>div{
	position: relative;
	float: left;
	width: 100%;
	height: 54px;
	border-bottom: 1px solid rgba(248,248,248,1);
}
.lei>div:last-child{
	border:none
}
.lei>div>div:nth-child(1){
	position: relative;
	width: 60px;
	line-height: 54px;
	float: left;
	text-align: left;
	font-size:15px;
font-weight:500;
color:rgba(153,153,153,1);
}
.lei>div>div:nth-child(2){
	position: relative;
	width: calc(100% -  60px);
	line-height: 54px;
	float: left;
}
.lei>div>div:nth-child(2)>div:nth-child(1){
	position: relative;
	float: left;
	width: calc(100% - 14px);
	font-size:15px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:54px;
}
.lei>div>div:nth-child(2)>img{
		position: relative;
	float: left;
	width: 7px;
	height: 12px;
	margin-top: 10px;
}


/* /* 服务弹窗 */ */
@-webkit-keyframes  tan{
	from{top: 100%;}
	to{top: 0px;}
}
@keyframes  tan{
	from{top: 100%;}
	to{top: 0px;}
}
.serviced,.specicationsd,.parameterd{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0,0,0,0.6);
	top: 0px;
	animation: tan 0.5s ;
}

.contents,.specicontents,.parameterdss{
	position: absolute;
	width: 100%;
	bottom: 0px;
	background: #FFFFFF;
	padding: 0px   20px;
	padding-bottom: 60px;
	box-sizing: border-box;
	border-radius: 10px;
}

.contents>div{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.contents>div:nth-child(1){
	text-align: center;
	font-size:15px;
font-weight:500;
color:rgba(51,51,51,1);
}
.contents>div>div:nth-child(1){
	position: relative;
	float: left;
	width: 18px;
}

.contents>div>div:nth-child(1)>img{
	position: relative;
	width: 18px;
	height: 18px;
}
.contents>div>div:nth-child(2){
position: relative;
float: right;
width: calc(100% - 20px - 18px);
}
.contents>div>div:nth-child(2)>div:nth-child(1){
	position: relative;
	float: right;
	width: 100%;
	height: 18px;
	font-size:15px;
	line-height: 18px;
    font-weight:500;
	text-align: left;
    color:rgba(102,102,102,1);
}
.contents>div>div:nth-child(2)>div:nth-child(2){
	position: relative;
	float: right;
	width: 100%;
	font-size:12px;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
text-align: left;
line-height:18px;
margin-top: 6px;
}

.completeer{
	position: absolute;
		width: 100%;
		height: 40px;
		background:linear-gradient(180deg,rgba(252,126,119,1) 0%,rgba(254,96,93,1) 100%);
		text-align: center;
		font-size:16px;
		bottom: 0px;
		line-height: 40px;
	font-weight:bold;
	color:rgba(255,255,255,1);
}
.completesan{
	position: absolute;
		width: 100%;
		height: 40px;
		background:linear-gradient(180deg,rgba(252,126,119,1) 0%,rgba(254,96,93,1) 100%);
		text-align: center;
		font-size:16px;
		bottom: 0px;
		line-height: 40px;
	font-weight:bold;
	color:rgba(255,255,255,1);
}
.complete{
	position: absolute;
	width: 100%;
	height: 40px;
	background:linear-gradient(180deg,rgba(252,126,119,1) 0%,rgba(254,96,93,1) 100%);
	text-align: center;
	font-size:16px;
	bottom: 0px;
	line-height: 40px;
font-weight:bold;
color:rgba(255,255,255,1);
}

/* 规格弹窗 */

.specicontentshead{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
}
.specicontentshead>div:nth-child(1){
	position: relative;
	float: left;
	width: 130px;
}
.specicontentshead>div:nth-child(1)>img{
	width: 130px;
	height: 110px;
}
.specicontentshead>div:nth-child(2){
	position: relative;
	float: right;
	width: calc(100% - 130px - 15px);
	height:100%;
}
.specicontentshead>div:nth-child(2)>div:nth-child(1){
	position: relative;
	float: left;
	width: 100%;
	height: 18px;
	margin-top: 20px;
	font-size:16px;
font-weight:bold;
color:rgba(254,31,31,1);
line-height:18px;
}

.specicontentshead>div:nth-child(2)>div:nth-child(2){
	position: relative;
	float: left;
	width: 100%;
	height: 18px;
	margin-top: 20px;
    font-size:15px;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.cons{
	position: relative;
	float: left;
	width: 100%;
}

.dand{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid rgba(248,248,248,1);
	padding-bottom: 10px;
	box-sizing: border-box;
}
.dand>div:nth-child(1){
	position: relative;
	float:left;
	width: 100%;
	font-size:15px;
font-weight:500;
line-height: 25px;
color:rgba(51,51,51,1);
}
.dand>div:nth-child(2){
	position: relative;
	float: left;
	width: 100%;
}
.dand>div:nth-child(2)>div{
   position: relative;
  float: left;
  text-align: center;
  padding:  5px  10px;
  box-sizing: border-box;
  background:rgba(248,248,248,1);
  border-radius:6px;
  margin-top: 5px;
  margin-left: 20px;
  font-size:14px;
font-family:PingFang-SC-Regular;
color:rgba(51,51,51,1);
}

.jia{
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	margin-top: 10px;
}
.jia>div:nth-child(1){
	position: relative;
	float: left;
	width: 60px;
	text-align: left;
	font-size:15px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:30px;
}
.jia>div:nth-child(2){
	position: relative;
	float: right;
	width:110px;
}
.jia>div:nth-child(2)>img:nth-child(1){
	position: relative;
	float: left;
	width: 22px;
	white-space: 22px;
	margin-top: 8px;
}
.jia>div:nth-child(2)>input{
	position: relative;
	float: left;
	width: calc(110px - 44px);
	white-space: 22px;
	padding: 0 10px;
	box-sizing: border-box;
	border: none;
	line-height: 30px;
	text-align: center;
}
.jia>div:nth-child(2)>img:nth-child(3){
	position: relative;
	float: right;
	width: 22px;
	white-space: 22px;
	margin-top: 8px;
}
/* 规格 */
.parameterdsshead{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size:15px;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.consd{
	position: relative;
	width: 100%;
	float: left;
}
.dandd{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.dandd>div:nth-child(1){
	position: relative;
	float: left;
	width: 80px;
	font-size:15px;
font-weight:500;
color:rgba(51,51,51,1);
line-height: 25px;
}
.dandd>div:nth-child(2){
		position: relative;
	float: right;
	width: calc(100% - 80px - 10px);
	font-size:15px;
font-weight:500;
color:rgba(51,51,51,1);
}

.buynumber{
	position: absolute;
     right: 0px;
		 top: -5px;
		 width: 18px;
		 height: 15px;
		 background: red;
		 border-radius: 50%;
	font-size:8px;
font-family:PingFang-SC-Regular;
font-weight:400;
color:#FFFFFF;
line-height:36px;
line-height: 15px;
z-index: 15;
}
.aactive{
  background: red!important;
  color:#FFFFFF!important;
}
.kucun{
	width:20%;
	position: relative;
	float: right;
	font-size:13px;
	font-family:PingFang-SC-Regular;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:33px;
	padding-top: 5px;
}
</style>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">商品详情</h1>
		</header>
		<div class="mui-content">
			<!--以上无关，只为示例-->
			<!-- 轮播 -->
			<div class="mui-slider ">

				<div id="slider" class="mui-slider">
					<div id="lunbotu" class="mui-slider-group mui-slider-loop">
						
					</div>
					<div id="diandian" class="mui-slider-indicator">
						
					</div>
				</div>
			</div>
			<!--视频播放区域end-->
			<!--以下无关，只为示例-->
			<div class="money"></div>
			<div class="kucun"></div>
			<div class="jieshao"></div>
			<div class="hang"></div>

			<!-- <div class="lei">
				<div>
					<div>服务</div>
					<div>
						<div class="service">24小时内发货</div><img src="../image/youjiantous.png" />
					</div>
				</div>
				<div>
					<div>规格</div>
					<div>
						<div class="specications">均码、蓝色</div><img src="../image/youjiantous.png" />
					</div>
				</div>
				<div>
					<div>参数</div>
					<div>
						<div class="parameter">品牌专业、三包、货到付款</div><img src="../image/youjiantous.png" />
					</div>
				</div>
			</div> -->
			<div class="hang"></div>
			<div class="pinglun">
				<div><span>评论</span><span id="pinglunshu">10</span></div>

				<div class="danping">
					<!-- <div class="danshi">
						<div>
							<div><img src="../image/touxiangmy.png" /></div>
							<div>
								<div>JACK</div>
								<div>2019-01-17</div>
							</div>
						</div>
						<div>
							音乐让人痴迷的点，就是它的内容，它的情感，它的境界。其实，很多人听不出歌手的能力，听到喜欢的歌时，要不就是被那声音打动，或者被歌词感染，要么就是感觉这首歌，唱到了自己的心理，所以，不断的听，不断的沉溺在哪个世界之中，不能自拔。
						</div>
					</div> -->

					<!-- <div class="danshi">
						<div>
							<div><img src="../image/touxiangmy.png" /></div>
							<div>
								<div>JACK</div>
								<div>2019-01-17</div>
							</div>
						</div>
						<div>
							音乐让人痴迷的点，就是它的内容，它的情感，它的境界。其实，很多人听不出歌手的能力，听到喜欢的歌时，要不就是被那声音打动，或者被歌词感染，要么就是感觉这首歌，唱到了自己的心理，所以，不断的听，不断的沉溺在哪个世界之中，不能自拔。
						</div>
					</div> -->
				</div>
			</div>
		</div>

		<div class="hufoot">
			<div class="huleft">
				<div class="kefu">
					<img src="../image/kefu.png" />
					<div class="buyname">客服</div>
				</div>
				<div class="shoucang" state=0>
					<img src="../image/gouwuche.png" />
					<div class="buyname">购物车</div>
					<div class="buynumber">15</div>
				</div>
			</div>
			<div class="huright">
				<div class="addbuybus">加入购物车</div>
				<div  class="buyinmediately">立即购买</div>
			</div>
		</div>

	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/html5video.js"></script>
	<script src="../js/hls.min.js"></script>
	<script src="../js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript">
		window.addEventListener('wyaoshuaxin', function(e){//执行刷新
		window.location.reload();
		// console.log('haha')
		});
		mui.plusReady(function () {
			var url = plus.storage.getItem('url');
			var user = plus.storage.getItem('user');
			user = JSON.parse(user);
			var web = plus.webview.currentWebview();
			var shangpingid = web.shangpingid;
			// mui.alert(shangpingid);
			var tos = '';
			$.post(url+'/juyou/index/shangpinginfo',{token:user.token,shangpingid:shangpingid},function(res){
				if(res.code==200){
					var data = res.data.data;
					var str = '';
					var diandian = '';
					tos = data.user.id;
					//数据展示
					// mui.alert(data.name)
					$('.mui-title').text(data.name);
					//轮播图
					$.each(data.xiangqingtupian,function(i,v){
						if(i==0){
							// mui.alert(v);
							str+='<div class="mui-slider-item mui-slider-item-duplicate">'+
								'<a href="#">'+
									'<img src="'+v+'">'+
								'</a>'+
							'</div><div class="mui-slider-item">'+
							'<a href="#">'+
								'<img src="'+v+'">'+
							'</a>'+
						'</div>';
							diandian +='<div class="mui-indicator mui-active"></div>';
						}else if(i==data.xiangqingtupian.length-1){
							str+='<div class="mui-slider-item">'+
								'<a href="#">'+
									'<img src="'+v+'">'+
								'</a>'+
							'</div><div class="mui-slider-item mui-slider-item-duplicate">'+
							'<a href="#">'+
								'<img src="'+v+'">'+
							'</a>'+
						'</div>';
						 diandian +='<div class="mui-indicator"></div>';
						}else{
							str+='<div class="mui-slider-item">'+
							'<a href="#">'+
								'<img src="'+v+'">'+
							'</a>'+
						'</div>';
						 diandian +='<div class="mui-indicator"></div>';
						}
					})
					//购物车
					$(".buynumber").text(res.data.gouwuche);
					// $("#lunbo").empty();
					//添加商品名称
					
					
					
					$("#lunbotu").html(str)
					// $("#diandian").empty();
					$("#diandian").html(diandian)
					//设置金币等
					$(".money").text('金币：'+data.icons);
					var shuliang = 0;
					if(data.shenyu==-1){
						shuliang = '一直有货';
					}else{
						shuliang = '库存'+data.shenyu+'件';
					}
					$(".kucun").text(shuliang);
					$(".jieshao").text(data.description);
					$("#pinglunshu").text(res.data.pinglun);
					var page = 1;
					function getPlingLun(func){
						if(page==0){
							mui.toast('没有更多数据了！');
							if(func){
								func();
							}
							return
						}
						$.post(url+'/juyou/index/getpinglun',{token:user.token,shangpingid:shangpingid,page:page},function(res){
							if(res.data.data.length<10){
								page = 0;
							}else{
								page = page+1;
							}
							var str = '';
							$.each(res.data.data,function(i,v){
								str+='<div class="danshi">'+
						'<div>'+
							'<div><img src="'+v.user.touxiang+'" /></div>'+
							'<div>'+
								'<div>'+v.user.name+'</div>'+
								'<div>'+v.create_time+'</div>'+
							'</div>'+
						'</div>'+
						'<div>'+v.dir+'</div>'+
					'</div>';
							})
							$(".danping").append(str);
							if(func){
								func();
							}
						})
					}
					
					mui.init({
						pullRefresh : {
							container:'.pinglun',//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
							up : {
							  height:50,//可选.默认50.触发上拉加载拖动距离
							  auto:true,//可选,默认false.自动上拉加载一次
							  contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
							  contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
							  callback :function(){
								  getPlingLun(function(){
									  mui('.pinglun').pullRefresh().endPullupToRefresh();
								  })
							  } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
							},
							down : {
							      style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
							      color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
							      height:'50',//可选,默认50px.下拉刷新控件的高度,
							      range:'100px', //可选 默认100px,控件可下拉拖拽的范围
							      offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
							      auto: false,//可选,默认false.首次加载自动上拉刷新一次
							      callback :function(){
									  getPlingLun(function(){
										  mui('.pinglun').pullRefresh().endPulldown();
									  })
									  
									  // mui('.pinglun').pullRefresh().endPullupToRefresh();
									  // window.location.reload();
								  } //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
							    }
						  }
					});
					var slider = mui('.mui-slider')
					slider.slider({
						interval: 1000
					});
					
				}else{
					mui.toast(res.msg);
				}
			})
			
			//点击加入购物车
			mui('.huright').on('tap','.addbuybus',function(){
				plus.nativeUI.showWaiting();
				$.post(url+'/juyou/index/addgouwuche',{token:user.token,shangpingid:shangpingid},function(res){
					mui.toast(res.msg);
					plus.nativeUI.closeWaiting();
					
					if(res.code==200){
						var number = parseInt($(".buynumber").text());
						number = number+1;
						$(".buynumber").text(number)
					}
				})
			})
		    
		    	//点击购物车
		    	mui(".hufoot").on("tap", ".shoucang", function() {
		    		mui.openWindow({
		    			url:"vehicle.html",
		    			id:"vehicle.html" ,
						extras:{
							shangpingid:shangpingid
						}
		    		})
		    	})
		    	
		     // 立即购买
		     	mui(".hufoot").on("tap", ".buyinmediately", function() {
					// mui.alert(shangpingid);
					// return
		     	mui.openWindow({
		     		url:"order_one.html",
		     		id:"order_one.html" ,
					extras:{
						shangpingid:[{id:shangpingid,number:1}]
					}
		     	})
		     })
			 
			 
		     
		     //点击客服
		     	mui(".hufoot").on("tap", ".kefu", function() {
					// mui.alert(tos);
					// return
		     	mui.openWindow({
		     		url:"danliao.html",
		     		id:"danliao.html" ,
					extras:{
						tos:tos,
					}
		     	})
		     })

		})
		
	</script>
</html>
